<template>
	<view>
		<view class="head-location">
			<image src="../../static/img/userHead.png" class="head"></image>
		</view>
		<uni-card @click="toUserInfo()">查看个人信息</uni-card>
		<uni-card @click="toUserOrder()">查看订单</uni-card>
		<uni-card @click="logout()">退出登录</uni-card>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				currUserInfo:{
					name:uni.getStorageSync("token"),
					
				}
			}
		},
		methods: {
			toUserInfo(){  /* 个人信息页面*/
				uni.navigateTo({
					url:'userInfo',
				})
			},
			toUserOrder(){  /* 个人订单页面*/
				uni.navigateTo({
					url:'userOrder',
				})
			},
			logout(){
				
				uni.removeStorage({
					key:'token',
					success:()=>{
						
					},
				})
				uni.navigateTo({
					url: 'login',
				})
			}
		},
		//监听器
		onShow() {
		
			//uni获取本地数据API
			uni.getStorage({
					key: 'token', //数据key值，也就是你存储数据时的名称
					success: function(res) {
						//数据成功获取，用户已登录
						// console.log(res.data);
					},
					fail: function(res) {
						//数据未获取成功，用户没有登录，这里我们直接跳转到登录页面
		
						uni.navigateTo({
							url: '../user/login',
		
						});
		
					},
				})
			},
	}
</script>

<style>
	.head {
		width: 150rpx;
		height: 150rpx;
		border-radius: 50%;
	}

	.head-location {
		text-align: center;
	}
</style>
